<style>
	.box{border: 1px solid #eee;}
	.box .title{padding: 9px 15px;min-height: 20px;line-height: 20px;font-size: 14px;background:#f8f8f8;}
	.box .body{min-height: 100px;}
</style>

<div class="layui-tab layui-tab-brief">
	<ul class="layui-tab-title">
		<li><a href="__APP__/Loan.html">客户管理</a></li>
		<li class="layui-this"><a href="#">统计工具</a></li>
		<div class="tool-btns">
			<a href="javascript:location.reload();" title="刷新当前页面" class="aicon ai-shuaxin2 font18"></a>
			<a href="javascript:;" class="aicon ai-quanping1 font18" id="fullscreen-btn" title="打开/关闭全屏"></a>
		</div>
	</ul>
	<div class="layui-tab-content page-tab-content">
		<div class="page-filter layui-form fr">
			<div class="layui-inline"><input type="text" class="layui-input" name="date" id="date" value="{$date}" placeholder="时间范围" style="width:190px;" data-max="{:date('Y-m-d')}"></div>
			<div class="layui-inline">{html:select name="salesman" options=":Cache('Salesman')" first="--业务经理--" }</div>
			<div class="layui-inline">{html:select name="step" options=":LinkageList('BorrowStep')" first="--进度--"}</div>
			<div class="layui-inline"><input type="text" name="keywords" lay-verify="required" placeholder="请输入关键词搜索" autocomplete="off" class="layui-input" value="{:input('keywords')}"><button class="layui-icon">&#xe615;</button>
			</div>
		</div>
		<div style="clear:both;"></div>			
		<div class="layui-row layui-col-space30">
			<div class="layui-col-md6">
				<div class="box">
					<h3 class="title">接单量柱状图</h2>
					<div class="body"><canvas id="canvas1"></canvas></div>
				</div>
			</div>
			<div class="layui-col-md6">
				<div class="box">
					<h3 class="title">金额柱状图</h2>
					<div class="body"><canvas id="canvas2"></canvas></div>
				</div>
			</div>
			<div class="layui-col-md6">
				<div class="box">
					<h3 class="title">业务接单量饼图</h2>
					<div class="body layui-row">
						<div class="layui-col-md6"><canvas id="canvas3"></canvas></div>
						<div class="layui-col-md6"><canvas id="canvas4"></canvas></div>
						<div class="layui-col-md6"><canvas id="canvas6"></canvas></div>
						<div class="layui-col-md6"><canvas id="canvas7"></canvas></div>
					</div>
				</div>
			</div>
			<div class="layui-col-md6">
				<div class="box">
					<h3 class="title">业务量环比走势图</h2>
					<div class="body"><canvas id="canvas5"></canvas></div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/html" id="salesmanTpl">
{:json_encode(Cache('Salesman'))}
</script>
<script type="text/javascript" src="__STATIC__/Chart.js/Chart.bundle.min.js"></script>
<script type="text/javascript">
    layui.use('Loan',function(){
		var a=layui.Loan;
		a.tongji();
    });
</script>